﻿@model Abhimanu.Mobile.Models.ActivityItem
@{
    ViewBag.Title = "Faculty Home";
    Layout = "~/Views/Shared/M/_FacultyLayout.cshtml";
}
<a data-role="button" class="no-Ajax"   style="float:left" href="@Url.Action("Home", "Faculty")">
        Back</a> 
    <br />
    <br />
@using (Html.BeginForm())
{
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a">
        <li data-role="list-divider">Comments...</li>
        <li>
            @Html.DisplayFor(model => model.ActText)
        </li>
        <li>
            @Html.EditorFor(model => model.CommentText)
            <input type="submit" value="Comment..." data-theme="a" data-form="ui-btn-up-a" />
        </li>
    </ul>

    
    <ul data-role="listview" data-inset="true" data-theme="d" data-divider-theme="a">
        <li data-role="list-divider"> </li>
        @foreach (var item in Model.Comments)
        {
            <li>
                @Html.DisplayFor(modelItem => item.CommentText)<br />
                <span class="actitem">Commented @Html.DisplayFor(modelItem => item.TimeAgo) ago by <strong>@Html.DisplayFor(modelItem => item.CommentedBy)</strong>
                </span></li>
        }
    </ul>
}
@section scripts
{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
}
